/*
 * * * * * * * * * * LICENCIA * * * * * * * * * * * * * * * * * * * * *

Copyright(C) 2012
Instituto Universtiario de Tecnología Dr. Federico Rivero Palacio

Este programa está hecho bajo Software Libre y puede ser redistribuirlo y/o modificado por los usuarios
bajo los términos de la versión 3.0 de la Licencia Pública General (GPLv3)
publicada por la Free Software Foundation (FSF). El presente código es distribuido sin ninguna
garantía. Usted debe haber recibido una copia de la GPLv3 junto con este
programa, sino, puede encontrarlo en la página web de la FSF, 
específicamente en la dirección http://www.gnu.org/licenses/gpl-3.0.html

 * * * * * * * * * * ARCHIVO * * * * * * * * * * * * * * * * * * * * *

Nombre: EstiloPrincipal.css
Diseñador(a): Katherine Ríos  (kathyr2d2@gmail.com)
Programadora:Katherine Ríos 
Fecha: Octubre de 2012
Descripción:  
	Contiene todos los estilos de la aplicación web del Sistema de Control de Notas (SCN) departamental del 
Instituto Universtiario de Tecnología Dr. Federico Rivero Palacio

  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/

@font-face{
font-family: ubuntuNormal;
src: url(Fuentes/Ubuntu-Normal.ttf) format('truetype');
}

@font-face{
font-family: ubuntuNegrita;
src: url(Fuentes/Ubuntu-Negrita.ttf) format('truetype');
}

@font-face{
font-family: ubuntuCursiva;
src: url(Fuentes/Ubuntu-Cursiva.ttf) format('truetype');
}

@font-face{
font-family: ubuntuNegritaCursiva;
src: url(Fuentes/Ubuntu-Negrita-Cursiva.ttf) format('truetype');
}

html, body, div, h1, h2, h3, h4, h5, h6,
footer, header, ul, li, form, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, small, 
strong, sub, sup, var, b, i, dl, dt, dd,
ol, fieldset, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside,
canvas, detailsspan, object, iframe, p, blockquote,
pre, abbr, address, figcaption, figure, hgroup, menu,
nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
font-family: ubuntuNormal;
}

body{
background-image: url(../Imagenes/pattern.png);

}

header, header img{
width: 100%;
height: 70px;	
}

footer, footer img{
width: 100%;
height: 70px;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
	
}

h1, h2, h3, h4{
text-align:center;
font-size: 20pt;
font-family: ubuntuNegrita;
}

nav{
text-align: center;
font-family: ubuntuNormal;
font-size:13pt;
display: table;
margin:auto;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="file"],
input[type="email"],
input[type="search"],
textarea, select{
border-radius: 4px;
width: 150px;
}

input[type="search"]{
background: url(../Imagenes/buscar.png) no-repeat 10px center;
background-color: rgba(255,255,255,1);
background-size: 14px;	
padding-left: 25px;
-webkit-appearance: none;
}

.warning{
font-family: ubuntuNormal;
text-align:justify;
padding: 15px;
color:red;
}

.contenedor{
width: 920px;
margin: 0 auto ;
background-color: rgba(255,255,255,1);
border: 1px solid rgba(255,255,255,0.1);
box-shadow: 0px 0px 10px  rgba(0,0,0,.5);
-webkit-box-shadow: 0px 0px 10px  rgba(0,0,0,.5);
-moz-box-shadow: 0px 0px 10px  rgba(0,0,0,.5);
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
}

.encabezado{
margin-top: 30px;
}

.datosesion{
position: fixed; 
width:100%;
height:30px;
font-family: ubuntuNormal;
background-image: url(../Imagenes/navbg.jpg);
box-shadow: 0px 0px 10px  rgba(0,0,0,.7);
-webkit-box-shadow: 0px 0px 10px  rgba(0,0,0,.7);
-moz-box-shadow: 0px 0px 10px  rgba(0,0,0,.7);
z-index: 99;
}

.sesion{
width: 920px;
margin: 0 auto;
color: rgba(0,0,0,1);;
}

.sesion table{
width: 100%;
padding-left: 15px;
border-left: 1px solid rgba(0,0,0,.6);
border-right: 1px solid rgba(0,0,0,.6);
}

.contenido{
display: inline-block;
width: 100%;
font-family: ubuntuNormal;
padding-top: 20px;
padding-bottom: 20px;
background-color: rgba(249,250,252,1);
border-top: 3px solid black;
border-bottom: 1px solid black;
}

.cont{
width: 75%;
margin: 0 auto;
padding-bottom: 20px;
background-color: rgba(255,255,255,1);
 border-top-left-radius: 15px; 
 border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px; 
-moz-border-radius-topright: 15px; 
-webkit-border-top-left-radius: 15px; 
-webkit-border-top-right-radius: 15px;

 border-bottom-left-radius: 5px; 
 border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px; 
-moz-border-radius-bottomright: 5px; 
-webkit-border-bottom-left-radius: 5px; 
-webkit-border-bottom-right-radius: 5px;

box-shadow: 0px 0px 8px rgba(0,0,0,.6);
-webkit-box-shadow: 0px 0px 8px  rgba(0,0,0,.6);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.6);

}

.cont h1{
padding: 8px;
color: rgba(255,255,255,1);
background: rgb(167,207,223);
background: -moz-linear-gradient(top,  rgba(167,207,223,1) 0%, rgba(35,83,138,1) 25%, rgba(35,83,138,1) 27%, rgba(35,83,138,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,1)), color-stop(25%,rgba(35,83,138,1)), color-stop(27%,rgba(35,83,138,1)), color-stop(100%,rgba(35,83,138,1)));
background: -webkit-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 25%,rgba(35,83,138,1) 27%,rgba(35,83,138,1) 100%);
background: -o-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 25%,rgba(35,83,138,1) 27%,rgba(35,83,138,1) 100%);
background: -ms-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 25%,rgba(35,83,138,1) 27%,rgba(35,83,138,1) 100%);
background: linear-gradient(to bottom,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 25%,rgba(35,83,138,1) 27%,rgba(35,83,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );
 border-top-left-radius: 15px; 
 border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px; 
-moz-border-radius-topright: 15px; 
-webkit-border-top-left-radius: 15px; 
-webkit-border-top-right-radius: 15px;
}

.cont #formulario{
font-family: ubuntuNormal;
margin: 12px auto 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 6px  rgba(0,0,0,.5);
-webkit-box-shadow: 0px 0px 6px  rgba(0,0,0,.5);
-moz-box-shadow: 0px 0px 6px  rgba(0,0,0,.5);
font-size:13pt;
background-color: rgba(249,250,252,1);

}

.cont #formulario th{
padding-bottom: 5px;
/*background-color: rgba(255,255,255,1);*/
}

.cont #formulario td{
/*border-top: 1px solid black;*/
padding: 5px;
}

.parrafo{
font-size:18pt;
font-family: ubuntuNormal;
text-align:justify;
padding: 15px;
background-image: url(../Imagenes/footerbg.jpg);
}

.menucentro{
font-size: 14px;
text-align: center;
padding: 5px;
background-color: rgba(160,173,179,1);
border-top: 1px solid black;
border-bottom: 1px solid black;
}

.resena{
width: 700px;
margin: auto;
border-radius: 15px 15px 7px 7px;
-webkit-border-radius: 15px 15px 7px 7px;
-moz-border-radius: 15px 15px 7px 7px;
box-shadow: 0px 0px 10px  rgba(0,0,0,1);
-webkit-box-shadow: 0px 0px 10px  rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 10px  rgba(0,0,0,1);
}

.resena h1{
color: rgb(255,255,255);
background: rgb(167,207,223);
background: -moz-linear-gradient(top,  rgba(167,207,223,1) 0%, rgba(35,83,138,1) 25%, rgba(35,83,138,1) 27%, rgba(35,83,138,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,1)), color-stop(25%,rgba(35,83,138,1)), color-stop(27%,rgba(35,83,138,1)), color-stop(100%,rgba(35,83,138,1)));
background: -webkit-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 25%,rgba(35,83,138,1) 27%,rgba(35,83,138,1) 100%);
background: -o-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 25%,rgba(35,83,138,1) 27%,rgba(35,83,138,1) 100%);
background: -ms-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 25%,rgba(35,83,138,1) 27%,rgba(35,83,138,1) 100%);
background: linear-gradient(to bottom,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 25%,rgba(35,83,138,1) 27%,rgba(35,83,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );
 border-top-left-radius: 15px; 
 border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px; 
-moz-border-radius-topright: 15px; 
-webkit-border-top-left-radius: 15px; 
-webkit-border-top-right-radius: 15px;
}

.mensaje{
display: block;
font-weight: ;
padding: 9px;
text-align: center;
}

.mensaje p{
text-align: center;
}

.icono_pequenio{
width: 23px;
height: 25px;
}

label{
display: block;
font-size: 70%;
width: 150px;
}

.error{		
color: rgba(255,255,255,1);
text-align: center;
background-color: red;
padding:2px;		
-moz-border-radius:4px;
-webkit-border-radius: 4px;
}

.valido{
border-color: #00FF00;
box-shadow: 0px 0px 5px #00FF00;
-moz-box-shadow: 0px 0px 5px #00FF00;
-webkit-box-shadow: 0px 0px 5px #00FF00;
}

.obligatorioVacio{
border-color: red;
box-shadow: 0px 0px 5px rgba(253,49,49,1);
-moz-box-shadow: 0px 0px 5px rgba(253,49,49,1);
-webkit-box-shadow: 0px 0px 5px rgba(253,49,49,1);
}

#logo{
width: 100%;
}

/*
 * Estilo de la pginación
 * */
.navegacion {
	display: inline-block;
	margin-left: 280px;
	padding-top: 15px;
}

.navegacion ul,
.navegacion li {
	float: left;
	margin: 0;
	padding: 0;
}

.navegacion ul {
	float: left;
	list-style-type: none;
	text-align: left;
}

.navegacion a {
	border: 2px solid #FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
	color: #015287;
	cursor: pointer;
	margin-right: 3px;
	padding: 3px 7px;
	text-decoration: none;
}

.navegacion .pagina-actual {
	cursor: default;
	padding: 3px 0;
}

.navegacion a:hover {
	background-color: #015287;
	color: #FFFFFF;
}

.navegacion .pagina-anterior,
.navegacion .paging-siguiente {
	border-color: #015287;
}

.navegacion .pagina-actual:hover {
	background-color: #FFFFFF;
	color: #015287;
}

.navegacion .pagina-actual b {
	font-weight: normal;
}

.navegacion .paging-disabled,
.navegacion .paging-disabled:hover {
	background-color: #FFFFFF;
	border-color: grey;
	color: grey;
	cursor: default;
}


/*
@media only screen and (max-width: 1024px) {
	.contenedor{ width: 920px; height: 100%;}
	.sesion{ width: 920px;}			
}
*/
